<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--可以将js代码编写到外部的js文件中
        写到外部文件中可以在不同的页面中同时使用
        也可以利用到浏览器的缓存中
        是推荐使用的方式
        -->
    <!--script标签中一旦用于引入了外部文件
        就不能在引入外部的script标签中编写代码了
        如果需要则可以创建一个新的script标签用于编写外部代码
    -->
    <script type="text/javascript" src="../js/Demo2_js代码编写的位置.js"></script>
    <script>
        alert('我是内部的script标签');
    </script>

    <!--可以将js代码写在script标签中-->
<!--    <script>-->
<!--        alert('我是script标签中的代码');-->
<!--    </script>-->
</head>
<body>
    <!--虽然我们可以写在标签属性中
        但是他们的结构与行为属于耦合，不方便我们维护，不推荐使用-->
    <!--可以将js代码编写到标签的onclick属性中
        当点击按钮时，js代码才会执行-->
    <button onclick="alert('讨厌你点我干啥？')">点我一下</button>

    <!--可以将js代码写在超链接中的href属性中,这样当点击超链接时
    ，会执行js代码
        -->
    <a href="javascript:alert('让你点你就点！！');">你也点我一下</a>
    <!--这样可以让a标签失效
        -->
    <a href="javascript:">你也点我一下</a>
</body>
</html>